// 把选项卡逻辑封装成一个选项卡类 ，提高复用性 ；

function Tab(tabBtns, tabPlans) {
  this.tabBtns = tabBtns;
  this.tabPlans = tabPlans;
  this.tabFn();
}

Tab.prototype.tabFn = function () {
  var that = this;
  this.tabBtns.forEach(function (btn, k) {
    btn.onclick = function () {
      // console.log("点击了按钮",k)
      // 按钮加上样式 ；
      that.tabBtns.forEach(function (val, key) {
        if (key == k) {
          val.classList.add("active");
        } else {
          val.classList.remove("active");
        }
      });
      that.tabPlans.forEach(function (div, kk) {
        if (kk == k) {
          div.style.display = "block";
        } else {
          div.style.display = "none";
        }
      });
    };
  });
};
